﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="keywords" content="">
		<meta name="description" content="">
		<title>CSS Layout</title>
		<link rel="stylesheet" type="text/css" href="styleS.css">
		<script type="text/javascript" src="js/jquery-galleryview-1.0/jquery-1.3.2.min.js"></script>
		<script type="text/javascript" src="js/jquery-galleryview-1.0/jquery.easing.1.3.js"></script>
		<script type="text/javascript" src="js/jquery-galleryview-1.0/jquery.timers-1.1.2.js"></script>
		<script type="text/javascript" src="js/jquery-galleryview-1.0/jquery.galleryview-1.1.js"></script>
		<script type="text/javascript" src="js/jquery-galleryview-1.0/jquery.galleryview-1.1-pack.js"></script>
		
		<script type="text/javascript"> 
		$(document).ready(function(){
			$('#photos').galleryView({
				panel_width: 938,
				panel_height: 200,
				frame_width: 100,
				frame_height: 50,
				background_color: 'transparent',
				nav_theme: 'dark',
				caption_text_color: 'black',
				border: 'none',
				show_captions : true
			});
		});
		
var timeout	= 500;
var closetimer	= 0;
var ddmenuitem	= 0;

// open hidden layer
function mopen(id)
{	
	// cancel close timer
	mcancelclosetime();

	// close old layer
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';

}
// close showed layer
function mclose()
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

// go close timer
function mclosetime()
{
	closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

// close layer when click-out
document.onclick = mclose; 
	</script>	
		
		
	</head>
	<body>
		<div id="mainContainer"> 
			<div id="content">
				<div id="header">
					<div class="logo">
					</div>
					<div class="clear s10">
					</div>
					<div class="hlinks">
						 <!--  <div class="hLink"> 
							  <a href="#">ראשי</a>  -->
							 <ul id="hlink" style="margin:0px 440px 0px 0px; padding-left: 0;">
							<li>
								<a href="#" onmouseover="mopen('m1')" onmouseout="mclosetime()">ראשי</a>
								<div id="m1" onmouseover="mcancelclosetime()"
									onmouseout="mclosetime()">
								</div>
							</li>
							
							<li>
								<a href="#" onmouseover="mopen('m2')" onmouseout="mclosetime()">פרופיל</a>
								<div id="m2" onmouseover="mcancelclosetime()"
									onmouseout="mclosetime()">
								</div>
							</li>
							<li>
								<a href="#" onmouseover="mopen('m3')" onmouseout="mclosetime()">פרויקטים</a>
								<div id="m3" onmouseover="mcancelclosetime()"
									onmouseout="mclosetime()">
									<a href="#">בית בינוב</a>
									<a href="#">בית בהרצליה</a>
									<a href="#">בית בג'ועריש</a>
									<a href="#">בית בדראמסלה</a>
									
								</div>
							</li>
							<li>
								<a href="#" onmouseover="mopen('m4')" onmouseout="mclosetime()">קטגוריות</a>
								<div id="m4" onmouseover="mcancelclosetime()"
									onmouseout="mclosetime()">
									<a href="#">מטבחים</a>
									<a href="#">חדרי שינה</a>
									<a href="#">אמבטיות</a>
									<a href="#">סלון</a>
									
								</div>
							</li>
							<li>
								<a href="#" onmouseover="mopen('m5')" onmouseout="mclosetime()">צור קשר</a>
								<div id="m5" onmouseover="mcancelclosetime()"
									onmouseout="mclosetime()">
								</div>
							</li>
							</ul>
					</div>
				</div>
				
				<div id="center">				
					<div id="slideShow">
						<div id="photos" class="galleryview">

							<div class="panel">
								<img src="images/1.png" />
								<!--<div class="panel-overlay">
									<h2 align="center">
										Eden
									</h2>
									<p>
										Photo by
										<a href="http://www.sxc.hu/profile/emsago" target="_blank">emsago</a>.
										View full-size photo
										<a href="http://www.sxc.hu/photo/152865" target="_blank">here</a>.
									</p>
								</div> -->
							</div>
							<div class="panel">
								<img src="images/2.png" />
								<!--<div class="panel-overlay">
									<h2 align="center">
										Eden
									</h2>
									<p>
										Photo by
										<a href="http://www.sxc.hu/profile/emsago" target="_blank">emsago</a>.
										View full-size photo
										<a href="http://www.sxc.hu/photo/152865" target="_blank">here</a>.
									</p>
								</div> -->
							</div>
							<div class="panel">
								<img src="images/3.png" />
								<!--<div class="panel-overlay">
									<h2 align="center">
										Eden
									</h2>
									<p>
										Photo by
										<a href="http://www.sxc.hu/profile/emsago" target="_blank">emsago</a>.
										View full-size photo
										<a href="http://www.sxc.hu/photo/152865" target="_blank">here</a>.
									</p>
								</div> -->
							</div>
							<div class="panel">
								<img src="images/4.png" />
								<!--<div class="panel-overlay">
									<h2 align="center">
										Eden
									</h2>
									<p>
										Photo by
										<a href="http://www.sxc.hu/profile/emsago" target="_blank">emsago</a>.
										View full-size photo
										<a href="http://www.sxc.hu/photo/152865" target="_blank">here</a>.
									</p>
								</div> -->
							</div>

							<ul class="filmstrip">
								<li>
									<img src="images/thumb1.png" alt="פרוייקט 1"
										title="פרוייקט 1" />
								</li>
								<li>
									<img src="images/thumb2.png" alt="Eden" title="פרוייקט 2" />
								</li>
								<li>
									<img src="images/thumb3.png" alt="Eden" title="פרוייקט 3" />
								</li>
								<li>
									<img src="images/thumb4.png" alt="Eden" title="פרוייקט 4" />
								</li>
								
								
							</ul>
						</div>

					</div>
						<!--  <div class="about">
						סידקה סידקה סידקה סידקה סידקה סידקה סידקה סידקה סידקה סידקה סידקה
						סידקה סידקה סידקה סידקה סידקה סידקה סידקה סידקה סידקה סידקה סידקה
						סידקה סידקה סידקה סידקה סידקה סידקה סידקה סידקה סידקה סידקה סידקה
						סידקה סידקה סידקה סידקה סידקה סידקה סידקה סידקה סידקה סידקה סידקה
						סידקה סידקה סידקה סידקה סידקה סידקה סידקה סידקה סידקה סידקה סידקה
						סידקה סידקה סידקה סידקה סידקה סידקה סידקה סידקה סידקה
					</div>-->
					 <!--<div class="projects">
					  	פרויקטים אחרונים
						<div class="clear s10"></div>
						<div class="proj">
							<a href="#">
							<img src="proj.png" alt="" title="" />
							</a>
						</div>
						<div class="projGap">
						</div>
						<div class="proj">
							<a href="#">
							<img src="proj.png" alt="" title="" />
							</a>
						</div>
						<div class="projGap">
						</div>
						<div class="proj">
							<a href="#">
							<img src="proj.png" alt="" title="" />
							</a>
						</div>
						<div class="projGap">
						</div>
						<div class="proj">
							<a href="#">
							<img src="proj.png" alt="" title="" />
							</a>
						</div>

						<div class="clear s20"></div>

						<div class="proj">
							<a href="#">
							<img src="proj.png" alt="" title="" />
							</a>
						</div>
						<div class="projGap">
						</div>
						<div class="proj">
							<a href="#">
							<img src="proj.png" alt="" title="" />
							</a>
						</div>
						<div class="projGap">
						</div>
						<div class="proj">
							<a href="#">
							<img src="proj.png" alt="" title="" />
							</a>
						</div>
						<div class="projGap">
						</div>
						<div class="proj">
							<a href="#">
							<img src="proj.png" alt="" title="" />
							</a>
						</div>
					</div>   -->
					
				</div>
				<div id="footer">
					<a href="#">ראשי</a>&nbsp;|&nbsp;
					<a href="#">אודות</a>&nbsp;|&nbsp;
					<a href="#">פרויקטים</a>&nbsp;|&nbsp;
					<a href="#">צור קשר</a>
					
					<div class="clear s4">
					</div>
					
					כל הזכויות שמורות לסידקה - מעצבת פנים 2009
				</div>
			</div>
		</div>
	</body>
</html>

